<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <!-- 页面通用适应 -->
    <title>思云课堂-账户设置</title>
    <link rel="stylesheet" href="../layui/src/css/layui.css">
    <script src="../layui/src/layui.js"></script>
    <script src="../layui/src/jquery-3.2.1.min.js"></script>
    <link rel="stylesheet" href="css/SetAccount.css">
    <script src="js/SetAccount.js"></script>
    <link rel="shortcut icon" href="/img/pro-logo.png">
</head>
<body>
<!-- 头部 -->
<div class="div_tit">
    <div class="div_ic"></div>
    <p class="tit_span">账户设置<p>
    <button type="button" class="layui-btn tit_btn layui-btn-sm">
        <i class="layui-icon layui-icon-refresh"></i> 刷新
    </button>
</div>
<!-- 图片上传 -->
<div id="imglayerId">
    <div class="layui-upload">
        <button type="button" class="layui-btn" id="imgbut">上传图片</button>
    </div>
</div>
<!-- 验证码弹窗 -->
<div id="layerId">
    <div id="laydivId">
        <p>
            <span class="laysp">已向邮箱</span>
            <input id="userEmailId" name="userEmailId" type="text" class="layui-input" readonly="readonly">
            <span class="laysp">发送验证码，请进行验证</span>
        </p>
        <p>
            <span class="laysp">请输入验证码：</span>
            <input id="emailId" placeholder="" type="text" class="layui-input">
        </p>
    </div>
</div>
<!-- 主体 -->
<div id="loginId" class="layui-container">
    <div class="layui-row">
        <div id="divId">
            <div id="divId1">
                <div id="imgdivId">
                    <div id="diviId">
                        <i class="layui-icon" id="layui_i1">&#xe612;</i>
                        <img class="layui-upload-img" id="imgId">
                    </div>
                    <p><a href="#" id="updimga">上传头像</a></p>
                </div>
            </div>
            <divi id="divId2">
                <form class="layui-form" id="accountForm">
                    <!-- 图片的路径 -->
                    <input id="imgurlId" type="hidden" name="imgurlId">
                    <!-- 用户的id -->
                    <input id="userId" type="hidden" name="userId">
                    <input id="userPwd" type="hidden" name="userPwd">
                    <!-- 发送的验证码 -->
                    <input id="mailId" type="hidden" name="mailId">
                    <input id="mailId2" type="hidden" name="mailId2">
                    <div id="inpdivId">
                        <p class="pinp">
                            <div class="spdiv"><span class="span">用户名：</span><span class="span2">*</span></div>
                            <input name="userName" id="userName" placeholder="" lay-verify="required" type="text" class="layui-input pinput" required readonly="readonly">
                        </p>
                        <p class="pinp">
                        <div class="spdiv"><span class="span">Email：</span><span class="span2">*</span></div>
                            <input name="email" id="email" placeholder="" lay-verify="required" type="text" class="layui-input pinput" required readonly="readonly">
                        </p>
                        <p class="pinp">
                            <div class="spdiv"><span class="span">旧密码：</span><span class="span2">*</span></div>
                            <input name="ppwd" id="ppwd" placeholder="" lay-verify="required" type="text" class="layui-input pinput" required readonly="readonly">
                        </p>
                        <p class="pinp">
                            <div class="spdiv"><span class="span">新密码：</span><span class="span2">*</span></div>
                            <input name="npwd" id="npwd" placeholder="" lay-verify="required" type="text" class="layui-input pinput" required readonly="readonly">
                        </p>
                        <p class="pinp">
                            <div class="spdiv"><span class="span">确认密码：</span><span class="span2">*</span></div>
                            <input name="npwd2" id="npwd2" placeholder="" lay-verify="required" type="text" class="layui-input pinput" required readonly="readonly">
                        </p>
                    </div>
                </form>
                    <div id="div_butId">
                        <button id="pudId" layui-submit class="layui-btn">提交</button>
                        <button id="butId" class="layui-btn">编译</button>
                    </div>
            </divi>
        </div>
    </div>
</div>
</body>
</html>